<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>Title</title>
<!--  <link rel="stylesheet" href="stylesheets/reset.css">-->
  <link rel="stylesheet" href="stylesheets/index.css">
</head>
<body>

<h1 id="heading">hello jQuery!</h1>

<div class="p1">
  <div class="p2">
    <div class="p3">
      <ul class="list">
        <li>兰博基尼</li>
        <li><span>劳斯莱斯</span></li>
        <li>保时捷</li>
        <ol>
          <li class="pala">帕拉梅拉</li>
          <li><span>卡宴</span></li>
          <li>918</li>
          <li>718</li>
        </ol>
        <li><span>布加迪</span></li>
        <li>柯尼塞格</li>
      </ul>
    </div>
  </div>
</div>

<div class="box" style="position: relative">
  <h2>box</h2>
  <ol>
    <li>奔驰</li>
    <li>宝马</li>
    <li class="red">凯迪拉克</li>
    <li>奔驰</li>
    <li>宝马</li>
    <li class="oooo">奥迪</li>
    <li>雷克萨斯</li>
    <li>凯迪拉克</li>
    <li>奥迪</li>
    <li>雷克萨斯</li>
    <li class="red">凯迪拉克</li>
    <li>雷克萨斯</li>
    <li>凯迪拉克</li>
  </ol>
</div>




<script src="js/jquery.js"></script>
<script src="js/index.js"></script>
</body>
</html>
